<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="GDU_CMS Manager"/>
    <meta name="author" content=""/>
    <title>GDU_CMS</title>
    <!--<link rel="stylesheet" href="http://fonts.useso.com/css?family=Arimo:400,700,400italic">-->
    <link rel="stylesheet" href="/static/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="/static/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap.css">
    <link rel="stylesheet" href="/static/css/xenon-core.css">
    <link rel="stylesheet" href="/static/css/xenon-forms.css">
    <link rel="stylesheet" href="/static/css/xenon-components.css">
    <link rel="stylesheet" href="/static/css/xenon-skins.css">
    <link rel="stylesheet" href="/static/css/custom.css">

    <!--<script src="/static/js/jquery-3.2.1.min.js"></script>-->
    <script src="/static/js/jquery-1.11.1.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="page-body">
<div class="page-container">
    <!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->

    <!-- Add "fixed" class to make the sidebar fixed always to the browser viewport. -->
    <!-- Adding class "toggle-others" will keep only one menu item open at a time. -->
    <!-- Adding class "collapsed" collapse sidebar root elements and show only icons. -->
    <div class="sidebar-menu toggle-others fixed  menu-spread">
        <div class="sidebar-menu-inner">
            <header class="logo-env">

                <!-- logo -->
                <div class="logo">
                    <a href="/" class="logo-expanded">
                        <img src="/static/images/login/cmslogo.png">
                    </a>
                </div>
                <!-- This will toggle the mobile menu and will be visible only on mobile devices -->
                <div class="mobile-menu-toggle visible-xs">
                    <a href="#" data-toggle="mobile-menu">
                        <i class="fa-bars"></i>
                    </a>
                </div>
            </header>
            <!--左侧菜单栏目-->
                <ul id="main-menu" class="main-menu">
                    <volist name="menu" id="menus">
                        <if condition="$menus.hidden eq 0">
                            <li class="<if condition='$menus.id eq $choice.pid '>active opened  </if>">
                                <a href="#">
                                    <i class="{$menus.icon}"></i>
                                    <span class="title">{$menus.name}</span>
                                </a>
                                <ul>
                                    <volist name="$menus.pid" id="second">
                                        <if condition="$second.id eq $choice.id">
                                            <li class="active opened ">
                                                <a href="/{$second.url}">
                                                    <span class="title">{$second.name}</span>
                                                </a>
                                            </li>
                                            <else/>
                                            <li class="">
                                                <a href="/{$second.url}">
                                                    <span class="title">{$second.name}</span>
                                                </a>
                                            </li>
                                        </if>
                                    </volist>
                                </ul>
                            </li>
                        </if>
                    </volist>
                </ul>
          </div>

    </div>

    <div class="main-content">
        <!-- User Info, Notifications and Menu Bar -->
        <nav class="navbar user-info-navbar" role="navigation">
            <!-- Left links for user info navbar -->
            <ul class="user-info-menu left-links list-inline list-unstyled">
                <li class="hidden-sm hidden-xs spread-click">
                    <a href="#" data-toggle="sidebar">
                        <i class="fa-bars"></i>
                    </a>
                </li>
            </ul>

            <!-- Right links for user info navbar -->
            <ul class="user-info-menu right-links list-inline list-unstyled">
                <li class="dropdown user-profile">
                    <a href="#" data-toggle="dropdown">
                        <img src="{$Think.cookie.user_avatar|default='/static/images/user-4.png'}" alt="user-image" class=" img-inline userpic-32"
                             width="28"/>
                        <span>{$Think.session.nickname}
								<i class="fa-angle-down"></i>
							</span>
                    </a>

                    <ul class="dropdown-menu user-profile-menu list-unstyled">
                        <li>
                            <a href="#settings">
                                <i class="fa-wrench"></i>
                                清除缓存
                            </a>
                        </li>
                        <li class="last">
                            <a href="{:url('admin/auth/logout')}">
                                <i class="fa-lock"></i>
                                退出登录
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="page-title">
            <div class="title-env clearfix">
                <h1 class="title">{$title}</h1> 
                <div class="line"></div>
                <p class="description"><if condition="$suggest">{$suggest}</if></p>
            </div>

            <div class="breadcrumb-env">
                <ol class="breadcrumb bc-1">
                    <li>
                        <a href="">
                            {$breadcrumbs.top.name} >
                        </a>
                    </li>
                    <li  class="active">
                        <a href="/{$breadcrumbs.second.url}">{$breadcrumbs.second.name}</a>
                    </li>
                </ol>
            </div>
        </div>
        {__CONTENT__}
        <include file="../application/common/view/footer.html" />
    </div>
</div>
<div class="page-loading-overlay">
    <div class="loader-2"></div>
</div>

<!-- Bottom Scripts -->
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/TweenMax.min.js"></script>
<script src="/static/js/resizeable.js"></script>
<!--<script src="/static/js/joinable.js"></script>-->
<script src="/static/js/xenon-api.js"></script>
<script src="/static/js/xenon-toggles.js"></script>


<!-- Imported scripts on this page -->
<script src="/static/js/toastrjs/toastr.min.js"></script>


<!-- JavaScripts initializations and stuff -->
<script src="/static/js/xenon-custom.js"></script>
<script src="/static/js/core.js"></script>

</body>
</html>